@import "global";

.padding {
  padding: @space;
  &-s {
    padding: @space-s;
  }
  &-l {
    padding: @space-l;
  }
  &-0 {
    padding: 0;
  }
}

.padding-top {
  padding-top: @space;
  &-s {
    padding-top: @space-s;
  }
  &-l {
    padding-top: @space-l;
  }
  &-0 {
    padding-top: 0;
  }
}

.padding-left {
  padding-left: @space;
  &-s {
    padding-left: @space-s;
  }
  &-l {
    padding-left: @space-l;
  }
  &-0 {
    padding-left: 0;
  }
}

.padding-right {
  padding-right: @space;
  &-s {
    padding-right: @space-s;
  }
  &-l {
    padding-right: @space-l;
  }
  &-0 {
    padding-right: 0;
  }
}

.padding-bottom {
  padding-bottom: @space;
  &-s {
    padding-bottom: @space-s;
  }
  &-l {
    padding-bottom: @space-l;
  }
  &-0 {
    padding-bottom: 0;
  }
}
